---
import Layout from './layouts/Layout.astro'
import { Image } from 'astro:assets'
import bg from '/public/indexBg.png'
import ModuleTitle from './components/ModuleTitle.astro'
import Technology from './components/Technology.astro'
import Cores from './components/Cores.astro'
import Services from './components/Services.astro'
import News from './components/News.vue'
import Project from './components/Project.vue'

---

<Layout title="Дзянтун" active="1">
  <main>
    <Image src={bg} alt="background image" />
    <div class="w-full">
      <div
        class="w-full flex items-center px-[10%] py-[60px] bg-white"
      >
        <div class="h-full w-[50%]">
          <ModuleTitle english="Знакомство с компанией Цзянтун" />
          <video
            autoplay="autoplay"
            muted
            loop="loop"
            width="100%"
            id="video"
            class="mt-12"
          >
            <source
              src="https://jungt-website.oss-cn-shanghai.aliyuncs.com/images/3d800667944a60e52a85768559fe4ca8_raw.mp4"
              type="video/mp4"
            />
          </video>
        </div>
        <div
          class="h-full w-[50%] border-t-[5px] border-[#294dce] pl-[40px] pt-[30px]"
        >
          <div
            style="letter-spacing: 5px"
            class="text-[30px] text-[#333] font-[700]"
          >
            Знакомство с
          </div>
          <div
            style="letter-spacing: 5px"
            class="text-[30px] text-[#333] font-[700]"
          >
            компанией Цзянтун
          </div>
          <p
            style="line-height: 30px; line-break: anywhere;"
            class="mt-[12px] text-[#333] font-[400]"
          >
            В качестве высокотехнологичной компании Шанхай Цзянтун Технолоджи Ко., Лтд. обладает лицензией второго уровня на профессиональные подрядные работы в области электроники и интеллектуализации инженерных систем. Она также является стажировочной базой выпускников Восточно-Китайского нормального университета, и более половины её сотрудников обладают сертификатами по специальности искусственный интеллект. Компания Цзянтун Технолоджи специализируется на внедрении цифровых сценариев обслуживания и стремится к революционизации традиционных методов управления с помощью технологии искусственного интеллекта, что позволит перейти от ручного управления к управлению интеллектуального типа.
          </p>
          <p
            style="line-height: 30px; line-break: anywhere;"
            class="mt-[12px] text-[#333] font-[400]"
          >
            Основная стратегия Цзянтун заключается в интеграции технологий интернета вещей (OT), передовых алгоритмических моделей и инновационных средств расширенной реальности (XR) для создания интегрированных решений IT/OT/XR. Данное решение направлено на устранение информационных островов, стимулирование эффективного сотрудничества на различных технологических уровнях, особенно на платформе с низким уровнем кодирования, обеспечивая безшовную интеграцию систем и снижение сложности технических преград, тем самым способствуя эффективному инновационному развитию предприятий и внедрению цифровых сценариев обслуживания.
          </p>
          <div class="mt-[20px] h-[100px] flex justify-between">
            <div class="text-center">
              <span class="text-[46px] text-[#294dce] font-[700] mx-auto">200</span>
              <div class="text-[16px] text-[#999] font-[400] ">Городское покрытие</div>
            </div>
            <div role="separator" class="my-1 mx-4 inline-block w-[1px] bg-[#ccc]">
            </div>
            <div class="text-center">
              <span class="text-[46px] text-[#294dce] font-[700] px-auto">15</span>
              <div class="text-[16px] text-[#999] font-[400]">Собственные продукты</div>
            </div>
            <div role="separator" class="my-1 mx-4 inline-block w-[1px] bg-[#ccc]">
            </div>
            <div class="text-center">
              <span class="text-[46px] text-[#294dce] font-[700]">30</span>
              <div class="text-[16px] text-[#999] font-[400]">Партнерские компании</div>
            </div>
          </div>
        </div>
      </div>
      <Technology />
      <Cores />
      <Services />
      <Project client:idle />
      <News client:idle />
    </div>
  </main>
</Layout>

<style></style>
